@extends('home.master')
@section('title','我的文章')
@section('style')
    <link rel="stylesheet" href="{{url('css/article-pc.41920655.css')}}">
    <script src="{{url('js/lib.bundle.a6ecd17d.js')}}"></script>
    <style>
        #box ul li{
            width: 100px;
            height: 30px;
            text-align: center;
        }
        #box li a{
            font-size: 16px;
            font-weight: bold;
            color: #999;
        }
        #box li a:hover{
            color: #fc8383;
        }
    </style>
@endsection
@section('content')
    <div id="content">
        <div class="dt-wrap clr pg-article-content">
            @foreach($res as $v)
            <section class="wrap-container">
                <article class="article-detail">
                    <h2 style="display: inline-block;width: 580px">{{$v['title']}}</h2>
                        <div id="box" style="width: 100px;float:right;z-index:888;position: relative;top: 10px;right: 10px;">
                            <ul>
                                <li><a href="{{url('user/articleedit?id=').$v['id']}}">编辑</a></li>
                                <li><a href="{{url('user/articledel?id=').$v['id']}}">删除</a></li>
                            </ul>
                        </div>
                    <div class="blog-content"><p><span style="font-size: 15px;">{!! $v['content'] !!}</span></p></div>
                </article>
                <section style="height: 100px;line-height: 50px;">
                    <div class="jiathis_style_32x32">
                        <a class="jiathis_button_qzone"></a>
                        <a class="jiathis_button_tsina"></a>
                        <a class="jiathis_button_tqq"></a>
                        <a class="jiathis_button_weixin"></a>
                        <a class="jiathis_button_renren"></a>
                        <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
                    </div>
                    <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
                    <!-- JiaThis Button END -->
                    {{--<span>分享至：</span>--}}
                    {{--<a class="sina" href="http://service.weibo.com/share/share.php?appkey=1152390549&amp;title=%E3%80%8C%E9%9A%8F%E4%BE%BF%E5%86%99%E5%86%99%E3%80%8D%E4%BD%9C%E8%80%85:%E5%BE%80%E4%BA%8B%E9%9A%8F%E9%A3%8E82%EF%BC%8C%E6%9D%A5%E8%87%AA%E5%A0%86%E7%B3%96%E6%96%87%E7%AB%A0%EF%BC%8C%E6%9F%A5%E7%9C%8B%E5%8E%9F%E6%96%87%3E%3E%3E&amp;pic=http://img3.duitang.com/uploads/item/201704/05/20170405151200_arzTG.thumb.150_150_c.jpeg&amp;url=http%3A//www.duitang.com/life_artist/article/%3Fid%3D427660" title="分享到新浪微博" target="_blank" onmousedown="$.G.gaq(&#39;/_trc/Social/article/sina&#39;);"><i></i></a>--}}
                    {{--<a class="txweibo" href="http://share.v.t.qq.com/index.php?c=share&amp;a=index&amp;url=http%3A//www.duitang.com/life_artist/article/%3Fid%3D427660&amp;title=+%E3%80%8C%E9%9A%8F%E4%BE%BF%E5%86%99%E5%86%99%E3%80%8D%E4%BD%9C%E8%80%85:%E5%BE%80%E4%BA%8B%E9%9A%8F%E9%A3%8E82%EF%BC%8C%E6%9D%A5%E8%87%AA%E5%A0%86%E7%B3%96%E6%96%87%E7%AB%A0%EF%BC%8C%E6%9F%A5%E7%9C%8B%E5%8E%9F%E6%96%87%3E%3E%3E&amp;appkey=dad361aadb9948278afc268bd5617307&amp;pic=http://img3.duitang.com/uploads/item/201704/05/20170405151200_arzTG.thumb.150_150_c.jpeg" title="分享到腾讯微博" target="_blank" onmousedown="$.G.gaq(&#39;/_trc/Social/article/qweibo&#39;);"><i></i></a>--}}
                    {{--<a class="qzone" href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http%3A//www.duitang.com/life_artist/article/%3Fid%3D427660&amp;title=%E3%80%8C%E9%9A%8F%E4%BE%BF%E5%86%99%E5%86%99%E3%80%8D%E4%BD%9C%E8%80%85:%E5%BE%80%E4%BA%8B%E9%9A%8F%E9%A3%8E82%EF%BC%8C%E6%9D%A5%E8%87%AA%E5%A0%86%E7%B3%96%E6%96%87%E7%AB%A0%EF%BC%8C%E6%9F%A5%E7%9C%8B%E5%8E%9F%E6%96%87%3E%3E%3E&amp;pics=http://img3.duitang.com/uploads/item/201704/05/20170405151200_arzTG.thumb.150_150_c.jpeg&amp;summary=%E3%80%8C%E9%9A%8F%E4%BE%BF%E5%86%99%E5%86%99%E3%80%8D%E4%BD%9C%E8%80%85:%E5%BE%80%E4%BA%8B%E9%9A%8F%E9%A3%8E82%EF%BC%8C%E6%9D%A5%E8%87%AA%E5%A0%86%E7%B3%96%E6%96%87%E7%AB%A0%EF%BC%8C%E6%9F%A5%E7%9C%8B%E5%8E%9F%E6%96%87%3E%3E%3E" title="分享到QQ空间" target="_blank" onmousedown="$.G.gaq(&#39;/_trc/Social/article/koukou&#39;);"><i></i></a>--}}
                    {{--<a class="douban" href="http://shuo.douban.com/!service/share?image=http://img3.duitang.com/uploads/item/201704/05/20170405151200_arzTG.thumb.150_150_c.jpeg&amp;href=http%3A//www.duitang.com/life_artist/article/%3Fid%3D427660&amp;name=%E5%A0%86%E7%B3%96&amp;text=%E3%80%8C%E9%9A%8F%E4%BE%BF%E5%86%99%E5%86%99%E3%80%8D%E4%BD%9C%E8%80%85:%E5%BE%80%E4%BA%8B%E9%9A%8F%E9%A3%8E82%EF%BC%8C%E6%9D%A5%E8%87%AA%E5%A0%86%E7%B3%96%E6%96%87%E7%AB%A0%EF%BC%8C%E6%9F%A5%E7%9C%8B%E5%8E%9F%E6%96%87%3E%3E%3E" title="分享到豆瓣" target="_blank" onmousedown="$.G.gaq(&#39;/_trc/Social/article/douban&#39;);"><i></i></a>--}}
                    {{--<a class="renren" href="http://widget.renren.com/dialog/share?resourceUrl=http%3A//www.duitang.com/life_artist/article/%3Fid%3D427660&amp;description=%E3%80%8C%E9%9A%8F%E4%BE%BF%E5%86%99%E5%86%99%E3%80%8D%E4%BD%9C%E8%80%85:%E5%BE%80%E4%BA%8B%E9%9A%8F%E9%A3%8E82%EF%BC%8C%E6%9D%A5%E8%87%AA%E5%A0%86%E7%B3%96%E6%96%87%E7%AB%A0%EF%BC%8C%E6%9F%A5%E7%9C%8B%E5%8E%9F%E6%96%87%3E%3E%3E&amp;title=%E5%A0%86%E7%B3%96&amp;pic=http://img3.duitang.com/uploads/item/201704/05/20170405151200_arzTG.thumb.150_150_c.jpeg" title="分享到人人网" target="_blank" onmousedown="$.G.gaq(&#39;/_trc/Social/article/renren&#39;);"><i></i></a>--}}
                    <span style="font-size: 16px;">创建时间：{{$v['created_at']}}</span>
                </section>
            </section>
            @endforeach
            @foreach($rec as $u)
            <aside class="wrap-siderbar" style="position: absolute;top:0px;right: 2px">
                <section class="author">
                    <a class="link" href="" target="_blank">
                        <img src="{{url('public/').'/'.$u->head}}">
                    </a>
                    <a class="name" href="" target="_blank">
                       {{$u->username}}
                    </a>
                    <span class="split-line"></span>
                </section>
            </aside>
                @endforeach
        </div>
    </div>
    <script src="{{url('js/articlePc.6d87684f.js')}}"></script>
    <script>
        $('#change').mouseover(function () {
            $('#box').css('display','block');

        })
        $('#change').mouseout(function () {
            $('#box').css('display','none');

        })

    </script>
    @endsection